import React, { useEffect, useState } from 'react'
import { useSelector,useDispatch } from 'react-redux'

const Child1 = () => {
    const dispatch = useDispatch()
    const name = useSelector(state => {
        return state.name
    })
    console.log(name)

  return (
    <div>
        <h1>Child1</h1>
        <p>姓名:{name}</p>
        <button onClick={() => {
            // dispatch派发一个action对象,会触发reducer函数的调用
            //action是一个对象 至少有一个type属性
            //type属性是一个字符串 用来描述当前的action对象的类型
            dispatch({
                type:'Type_name',
                // payload:Math.random() + '小红'
            })
        }}>修改姓名</button>
    </div>
  )
}

export default Child1